<style>:host .chart{--d3fc-local-full--gradient:var(--d3fc-full--gradient,linear-gradient(#4d342f 0%,#e4521b 22.5%,#feeb65 42.5%,#f0f0f0 50%,#dcedc8 57.5%,#42b3d5 67.5%,#1a237e 100%));--d3fc-local-positive--gradient:var(--d3fc-positive--gradient,linear-gradient(#dcedc8 0%,#42b3d5 35%,#1a237e 100%));--d3fc-local-negative--gradient:var(--d3fc-negative--gradient,linear-gradient(#feeb65 100%,#e4521b 70%,#4d342f 0%));--d3fc-local-series:var(--d3fc-series,rgba(31,119,180,0.5));--d3fc-local-series-1:var(--d3fc-series-1,#0366d6);--d3fc-local-series-2:var(--d3fc-series-2,#ff7f0e);--d3fc-local-series-3:var(--d3fc-series-3,#2ca02c);--d3fc-local-series-4:var(--d3fc-series-4,#d62728);--d3fc-local-series-5:var(--d3fc-series-5,#9467bd);--d3fc-local-series-6:var(--d3fc-series-6,#8c564b);--d3fc-local-series-7:var(--d3fc-series-7,#e377c2);--d3fc-local-series-8:var(--d3fc-series-8,#7f7f7f);--d3fc-local-series-9:var(--d3fc-series-9,#bcbd22);--d3fc-local-series-10:var(--d3fc-series-10,#17becf);}:host .chart .series{fill:var(--d3fc-local-series);}:host .chart .series-1{fill:var(--d3fc-local-series-1);}:host .chart .series-2{fill:var(--d3fc-local-series-2);}:host .chart .series-3{fill:var(--d3fc-local-series-3);}:host .chart .series-4{fill:var(--d3fc-local-series-4);}:host .chart .series-5{fill:var(--d3fc-local-series-5);}:host .chart .series-6{fill:var(--d3fc-local-series-6);}:host .chart .series-7{fill:var(--d3fc-local-series-7);}:host .chart .series-8{fill:var(--d3fc-local-series-8);}:host .chart .series-9{fill:var(--d3fc-local-series-9);}:host .chart .series-10{fill:var(--d3fc-local-series-10);}:host{user-select:none;}:host .chart{position:absolute;box-sizing:border-box;left:0;top:0;%;%;padding:12px;overflow:hidden;}:host .chart.heatmap d3fc-group.cartesian-chart,:host .chart.treemap d3fc-group.cartesian-chart{grid-template-columns:minmax(0em,max-content)auto 1fr auto minmax(0em,max-content);grid-template-rows:minmax(0em,max-content)auto 1fr auto minmax(0em,max-content);}:host .chart .chart-label{display:none;}:host .chart.heatmap{padding-right:120px;}:host .chart.xyscatter{padding:0;font-size:14px;}:host .chart.xyscatter d3fc-group:first-child{padding:16px;padding-top:0px;width:calc(100% - 32px);height:calc(100% - 16px);}:host .chart.xyscatter .multi-xlabel{position:absolute;bottom:0;em;%;display:flex;justify-content:center;align-items:center;background:var(--d3fc-legend--background);}:host .chart.xyscatter .multi-ylabel{position:absolute;top:0;em;%;display:flex;justify-content:center;align-items:center;background:var(--d3fc-legend--background);}:host .chart.xyscatter .outer-container{%;}:host .chart.xyscatter .inner-container{display:inline-grid;overflow-y:auto;width:calc(100% - 16px);%;padding:0;margin:0;}:host .chart.xyscatter .inner-container div{overflow:hidden;}:host .chart.xyscatter .inner-container text.segment,:host .chart.xyscatter .inner-container text.parent{text-anchor:middle;user-select:none;pointer-events:none;fill:var(--d3fc-treedata--labels,rgb(51,51,51));}:host .chart.xyscatter .inner-container div.xy-scatter-container{margin:5px 0;}:host .chart.sunburst{padding:0;font-size:14px;}:host .chart.sunburst .outer-container{%;}:host .chart.sunburst .inner-container{%;%;display:inline-grid;padding:0;margin:0;overflow-x:hidden;overflow-y:auto;}:host .chart.sunburst .inner-container div{overflow:hidden;}:host .chart.sunburst .inner-container .sunburst-container:not(:only-child) svg{transform:translate(0,-27px);}:host .chart.sunburst .inner-container svg{%;%;}:host .chart.sunburst .inner-container path{fill:var(--d3fc-series,rgba(31,119,180,0.5));}:host .chart.sunburst .inner-container text.segment,:host .chart.sunburst .inner-container text.parent{text-anchor:middle;user-select:none;pointer-events:none;fill:var(--d3fc-treedata--labels,rgb(51,51,51));}:host .chart.sunburst .inner-container div.title-container{margin-top:5px;}:host .chart.has-legend{padding-right:120px;}:host .chart.treemap .treemap-container{position:relative;}:host .chart.treemap .treemap-container:not(:only-child){width:calc(100% - 12px);height:calc(100% - 12px);}:host .chart.treemap .outer-container{%;}:host .chart.treemap .inner-container{%;%;display:inline-grid;padding:0;margin:0;overflow-x:hidden;overflow-y:auto;}:host .chart.treemap .inner-container div{overflow:hidden;}:host .chart.treemap .inner-container svg{%;%;}:host .chart.treemap .inner-container .treerect{stroke:var(--d3fc-treedata-axis--lines,var(--d3fc-axis--lines,white));fill:var(--d3fc-series,rgba(31,119,180,0.5));}:host .chart.treemap .inner-container .treerect:hover{cursor:pointer;stroke:var(--d3fc-treedata--hover-highlight,black);stroke-opacity:1;}:host .chart.treemap .inner-container .rootnode{opacity:0;pointer-events:none;z-index:0;}:host .chart.treemap .inner-container .branchnode{opacity:0;}:host .chart.treemap .inner-container .branchnode:hover{fill-opacity:0.1;opacity:1;fill:var(--d3fc-treedata--hover-highlight,black);}:host .chart.treemap .inner-container .leafnode{fill-opacity:0.8;}:host .chart.treemap .inner-container .leafnode:hover{fill-opacity:0.5;}:host .chart.treemap .inner-container #hidden{opacity:0;pointer-events:none;z-index:0;}:host .chart.treemap .inner-container .top{font-size:14px;z-index:5;pointer-events:none;}:host .chart.treemap .inner-container .mid{font-size:8px;opacity:0.7;z-index:4;}:host .chart.treemap .inner-container .lower{font-size:0px;opacity:0;z-index:4;}:host .chart.treemap .inner-container text{fill:var(--d3fc-treedata--labels,rgb(51,51,51));}:host .chart.treemap .inner-container text.title{dominant-baseline:hanging;}:host .chart.treemap .inner-container .parent-controls{position:absolute;top:12px;right:auto;left:30px;width:auto;z-index:4;transition:box-shadow 1s;}:host .chart.treemap .inner-container .parent-controls:hover{box-shadow:2px 2px 6px#000;transition:box-shadow 0.2s;}:host .chart .x-label{em!important;line-height:1em!important;}:host .chart .x-label,:host .chart .y-label{color:var(--d3fc-label--color,inherit);font-size:14px;}:host .chart d3fc-canvas.plot-area{display:none;}:host .chart.xyscatter d3fc-canvas.plot-area,:host .chart.xyline d3fc-canvas.plot-area,:host .chart.ohlc d3fc-canvas.plot-area,:host .chart.candlestick d3fc-canvas.plot-area,:host .chart.heatmap d3fc-canvas.plot-area{display:block;}:host .chart .y-axis text,:host .chart .x-axis text{fill:var(--d3fc-axis-ticks--color,rgb(80,80,80));font-size:11px;}:host .chart .y-axis path,:host .chart .x-axis path{stroke:var(--d3fc-axis--lines,rgb(180,210,225));}:host .chart .splitter-label{display:inline-block;margin:0 10px;cursor:pointer;}:host .chart .splitter-label::after{margin-left:5px;color:var(--d3fc-axis--lines,rgb(180,210,225));}:host .chart .splitter-label:hover::after{color:var(--d3fc-axis-ticks--color,rgb(80,80,80));}:host .chart .splitter-label.disabled::after{color:rgba(80,80,80,0.3);}:host .chart .splitter-label.disabled{cursor:default;}:host .chart .y-label.left-label .splitter-label::after{background-repeat:no-repeat;background-color:var(--icon--color);content:"";display:inline-block;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--sort-desc-icon--mask-image);mask-image:var(--sort-desc-icon--mask-image);}:host .chart .y-label.right-label .splitter-label::after{background-repeat:no-repeat;background-color:var(--icon--color);content:"";display:inline-block;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--sort-asc-icon--mask-image);mask-image:var(--sort-asc-icon--mask-image);}:host .chart.ybar .y-axis path,:host .chart.yline .y-axis path,:host .chart.xyline .y-axis path,:host .chart.xyline .x-axis path,:host .chart.yarea .y-axis path,:host .chart.yscatter .y-axis path,:host .chart.xyscatter .y-axis path,:host .chart.xyscatter .x-axis path,:host .chart.xbar .x-axis path{visibility:hidden;}:host .chart .y-label{white-space:nowrap;}:host .chart .nearbyTip{fill:var(--d3fc-series,rgba(31,119,180,0.5));}:host #dragHandles{position:absolute;top:0px;right:0px;left:auto;pointer-events:none;}:host #dragHandles rect{pointer-events:all;}:host .label rect{fill:none;}:host .legend-container{position:absolute;top:12px;right:12px;left:auto;}:host .legend-container.legend-color{}:host .legend-container[borderbox-on-hover="true"]{transition:box-shadow 1s;}:host .legend-container[borderbox-on-hover="true"]:hover{background-color:var(--d3fc-legend--background,#ffffff);transition:box-shadow 0.2s,background-color 0.2s;}:host .legend-container .legend{font-size:8pt;%;}:host .legend-container .legend .cell{cursor:pointer;}:host .legend-container .legend .cell path{fill:var(--d3fc-series,rgba(31,119,180,0.5));stroke:var(--d3fc-series,rgb(31,119,180));}:host .legend-container .legend .cell.hidden path{fill:rgba(204,204,204,0.5);stroke:rgb(204,204,204);}:host .legend-container .legend .cell.hidden circle{fill:rgb(204,204,204)!important;}:host .legend-container text{fill:var(--d3fc-legend--text,rgb(51,51,51));}:host .legend-container .label:hover{fill:rgb(34,160,206);}:host .legend-container #legend-axis path{stroke:var(--d3fc-legend--text,rgb(51,51,51));}:host .legend-container .legend-controls{margin-left:12px;}:host .legend-container .legend-controls #up-arrow,:host .legend-container .legend-controls #down-arrow{cursor:pointer;color:rgb(31,119,180);}:host .legend-container .legend-controls #up-arrow.disabled,:host .legend-container .legend-controls #down-arrow.disabled{cursor:default;color:rgb(51,51,51);}:host .heatmap .legend-container.legend-color{}:host .treemap .legend-container.legend-color{}:host .treemap .legend-container:not(.legend-color){}:host .zoom-controls{position:absolute;top:10px;left:0;%;text-align:center;}:host .zoom-controls button{-webkit-appearance:none;background:var(--plugin--background,rgb(247,247,247));border:1px solid var(--inactive--color,rgb(204,204,204));color:var(--d3fc-label--color,inherit);font-size:12px;padding:8px;opacity:0.5;cursor:pointer;}:host .zoom-controls button:hover{opacity:1;}:host .parent-controls{position:absolute;top:30px;right:145px;%;text-align:right;}:host .parent-controls button{-webkit-appearance:none;background:rgb(247,247,247);border:1px solid rgb(204,204,204);padding:10px;opacity:0.5;cursor:pointer;}:host .parent-controls button:hover{background:rgb(230,230,230);}:host div.tooltip{position:absolute;text-align:left;font-size:12px;font-weight:300;white-space:nowrap;padding:0.5em;background:var(--d3fc-tooltip--background,#ffffff);color:var(--d3fc-tooltip--color,black);border:1px solid var(--d3fc-tooltip--border-color,#777777);box-shadow:var(--d3fc-tooltip--box-shadow,none);pointer-events:none;}:host div.tooltip ul{margin:0;padding:0;list-style-type:none;}d3fc-canvas,d3fc-svg{position:relative;display:block}d3fc-canvas>canvas,d3fc-svg>svg{position:absolute;%;%}d3fc-svg>svg{overflow:visible}d3fc-group.cartesian-chart{%;%;overflow:hidden;display:grid;display:-ms-grid;grid-template-columns:minmax(1em,max-content) auto 1fr auto minmax(1em,max-content);-ms-grid-columns:minmax(1em,max-content) auto 1fr auto minmax(1em,max-content);grid-template-rows:minmax(1em,max-content) auto 1fr auto minmax(1em,max-content);-ms-grid-rows:minmax(1em,max-content) auto 1fr auto minmax(1em,max-content);}
d3fc-group.cartesian-chart>.top-label{align-self:center;-ms-grid-column-align:center;justify-self:center;-ms-grid-row-align:center;grid-column:3;-ms-grid-column:3;grid-row:1;-ms-grid-row:1;}
d3fc-group.cartesian-chart>.top-axis{height:2em;grid-column:3;-ms-grid-column:3;grid-row:2;-ms-grid-row:2;}
d3fc-group.cartesian-chart>.left-label{align-self:center;-ms-grid-column-align:center;justify-self:center;-ms-grid-row-align:center;grid-column:1;-ms-grid-column:1;grid-row:3;-ms-grid-row:3;}
d3fc-group.cartesian-chart>.left-axis{width:3em;grid-column:2;-ms-grid-column:2;grid-row:3;-ms-grid-row:3;}
d3fc-group.cartesian-chart>.plot-area{overflow:hidden;grid-column:3;-ms-grid-column:3;grid-row:3;-ms-grid-row:3;}
d3fc-group.cartesian-chart>.right-axis{width:3em;grid-column:4;-ms-grid-column:4;grid-row:3;-ms-grid-row:3;}
d3fc-group.cartesian-chart>.right-label{align-self:center;-ms-grid-column-align:center;justify-self:center;-ms-grid-row-align:center;grid-column:5;-ms-grid-column:5;grid-row:3;-ms-grid-row:3;}
d3fc-group.cartesian-chart>.bottom-axis{height:2em;grid-column:3;-ms-grid-column:3;grid-row:4;-ms-grid-row:4;}
d3fc-group.cartesian-chart>.bottom-label{align-self:center;-ms-grid-column-align:center;justify-self:center;-ms-grid-row-align:center;grid-column:3;-ms-grid-column:3;grid-row:5;-ms-grid-row:5;}
d3fc-group.cartesian-chart>.y-label{display:flex;transform:rotate(-90deg);width:1em;white-space:nowrap;justify-content:center;}</style><div id="container" class="chart ybar"><d3fc-group class="cartesian-chart" auto-resize=""><div class="chart-label top-label" style="margin-bottom: 1em; margin-top: 0px;"></div><div class="x-label bottom-label">Sub-Category</div><div class="y-label left-label"><span class="splitter-label" style="color: rgb(3, 102, 214);">Quantity</span><span class="splitter-label" style="color: rgb(255, 127, 14);">Sales</span></div><d3fc-svg class="svg-plot-area plot-area"><svg viewBox="0 0 911 552" preserveAspectRatio="none"><g class="multi"><g><line class="gridline-y" x1="13.397058823529449" x2="13.397058823529449" y1="552" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="66.9852941176471" x2="66.9852941176471" y1="552" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="120.57352941176474" x2="120.57352941176474" y1="552" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="174.16176470588238" x2="174.16176470588238" y1="552" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="227.75000000000003" x2="227.75000000000003" y1="552" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="281.3382352941177" x2="281.3382352941177" y1="552" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="334.9264705882353" x2="334.9264705882353" y1="552" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="388.514705882353" x2="388.514705882353" y1="552" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="442.1029411764706" x2="442.1029411764706" y1="552" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="495.69117647058823" x2="495.69117647058823" y1="552" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="549.2794117647059" x2="549.2794117647059" y1="552" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="602.8676470588236" x2="602.8676470588236" y1="552" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="656.4558823529412" x2="656.4558823529412" y1="552" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="710.0441176470588" x2="710.0441176470588" y1="552" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="763.6323529411766" x2="763.6323529411766" y1="552" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="817.2205882352941" x2="817.2205882352941" y1="552" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="870.8088235294117" x2="870.8088235294117" y1="552" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-x" y1="552" y2="552" x1="0" x2="911" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="506" y2="506" x1="0" x2="911" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="460" y2="460" x1="0" x2="911" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="414" y2="414" x1="0" x2="911" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="368.00000000000006" y2="368.00000000000006" x1="0" x2="911" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="321.99999999999994" y2="321.99999999999994" x1="0" x2="911" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="276" y2="276" x1="0" x2="911" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="229.99999999999997" y2="229.99999999999997" x1="0" x2="911" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="184.00000000000003" y2="184.00000000000003" x1="0" x2="911" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="138" y2="138" x1="0" x2="911" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="91.99999999999999" y2="91.99999999999999" x1="0" x2="911" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="46.00000000000002" y2="46.00000000000002" x1="0" x2="911" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="0" y2="0" x1="0" x2="911" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line></g></g><g class="multi"><g><g class="multi"><g><g class="grouped"><g><g class="bar vertical" transform="translate(20.095588235294155, 530.472)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v21.52800000000002h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(73.68382352941181, 511.52)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v40.48000000000002h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(127.27205882352945, 437.82800000000003)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v114.17199999999997h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(180.86029411764707, 335.248)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v216.752h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(234.44852941176472, 472.14399999999995)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v79.85600000000005h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(288.0367647058824, 249.41199999999998)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v302.588h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(341.625, 261.464)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v290.536h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(395.2132352941177, 492.476)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v59.524h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(448.8014705882353, 392.932)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v159.06799999999998h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(502.3897058823529, 278.208)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v273.792h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(555.9779411764706, 2.3919999999999817)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v549.6080000000001h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(609.5661764705884, 224.204)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v327.796h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(663.154411764706, 468.64799999999997)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v83.35200000000003h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(716.7426470588235, 75.62400000000001)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v476.376h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(770.3308823529413, 423.2)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v128.8h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(823.9191176470589, 276)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v276h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(877.5073529411765, 467.91200000000003)" fill="#999" style="fill: rgba(3, 102, 214, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v84.08799999999997h-13.397058823529411Z"></path></g></g></g><g class="grouped"><g><g class="bar vertical" transform="translate(33.492647058823565, 349.69737117647065)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v202.30262882352935h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(87.08088235294122, 400.6090952)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v151.3909048h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(140.66911764705884, 492.3108810532915)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v59.689118946708504h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(194.2573529411765, 503.0254173808751)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v48.974582619124874h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(247.84558823529414, 505.6449137736842)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v46.35508622631579h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(301.43382352941177, 517.8485388436445)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v34.15146115635548h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(355.0220588235294, 527.657669106383)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v24.34233089361703h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(408.6102941176471, 529.4001816)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v22.599818400000004h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(462.1985294117647, 530.7704746523605)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v21.229525347639537h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(515.7867647058823, 532.130336443871)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v19.869663556129012h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(569.375, 539.7124284727512)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v12.287571527248815h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(622.9632352941178, 543.184038570533)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v8.815961429467052h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(676.5514705882354, 546.0321693543307)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v5.9678306456693235h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(730.1397058823529, 546.7298635386861)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v5.270136461313882h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(783.7279411764707, 548.8441189450549)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v3.155881054945098h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(837.3161764705883, 548.8656672562814)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v3.1343327437185735h-13.397058823529411Z"></path></g><g class="bar vertical" transform="translate(890.9044117647059, 550.7178167741936)" fill="#999" style="fill: rgba(255, 127, 14, 0.8);"><path d="M-6.698529411764706,0h13.397058823529411v1.2821832258064205h-13.397058823529411Z"></path></g></g></g></g></g></g></g></svg></d3fc-svg><d3fc-svg class="x-axis bottom-axis" style=""><svg preserveAspectRatio="none" viewBox="0 0 911 63" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="#000" d="M0,6L0,0L911,0L911,6"></path><g class="tick" transform="translate(26.79411764705886, 0)" visibility=""><path stroke="#000" visibility="false" d="M26.794117647058822,0L26.794117647058822,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Copiers</text></g><g class="tick" transform="translate(80.3823529411765, 0)" visibility=""><path stroke="#000" visibility="false" d="M26.794117647058822,0L26.794117647058822,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Machines</text></g><g class="tick" transform="translate(133.97058823529414, 0)" visibility=""><path stroke="#000" visibility="false" d="M26.794117647058822,0L26.794117647058822,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Tables</text></g><g class="tick" transform="translate(187.5588235294118, 0)" visibility=""><path stroke="#000" visibility="false" d="M26.794117647058822,0L26.794117647058822,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Chairs</text></g><g class="tick" transform="translate(241.14705882352945, 0)" visibility=""><path stroke="#000" visibility="false" d="M26.794117647058822,0L26.794117647058822,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Bookcases</text></g><g class="tick" transform="translate(294.7352941176471, 0)" visibility=""><path stroke="#000" visibility="false" d="M26.794117647058822,0L26.794117647058822,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Phones</text></g><g class="tick" transform="translate(348.3235294117647, 0)" visibility=""><path stroke="#000" visibility="false" d="M26.794117647058822,0L26.794117647058822,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Storage</text></g><g class="tick" transform="translate(401.9117647058824, 0)" visibility=""><path stroke="#000" visibility="false" d="M26.794117647058822,0L26.794117647058822,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Supplies</text></g><g class="tick" transform="translate(455.5, 0)" visibility=""><path stroke="#000" visibility="false" d="M26.794117647058822,0L26.794117647058822,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Appliances</text></g><g class="tick" transform="translate(509.0882352941176, 0)" visibility=""><path stroke="#000" visibility="false" d="M26.794117647058822,0L26.794117647058822,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Accessories</text></g><g class="tick" transform="translate(562.6764705882352, 0)" visibility=""><path stroke="#000" visibility="false" d="M26.794117647058822,0L26.794117647058822,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Binders</text></g><g class="tick" transform="translate(616.264705882353, 0)" visibility=""><path stroke="#000" visibility="false" d="M26.794117647058822,0L26.794117647058822,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Furnishings</text></g><g class="tick" transform="translate(669.8529411764706, 0)" visibility=""><path stroke="#000" visibility="false" d="M26.794117647058822,0L26.794117647058822,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Envelopes</text></g><g class="tick" transform="translate(723.4411764705882, 0)" visibility=""><path stroke="#000" visibility="false" d="M26.794117647058822,0L26.794117647058822,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Paper</text></g><g class="tick" transform="translate(777.029411764706, 0)" visibility=""><path stroke="#000" visibility="false" d="M26.794117647058822,0L26.794117647058822,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Labels</text></g><g class="tick" transform="translate(830.6176470588235, 0)" visibility=""><path stroke="#000" visibility="false" d="M26.794117647058822,0L26.794117647058822,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Art</text></g><g class="tick" transform="translate(884.2058823529411, 0)" visibility=""><path stroke="#000" visibility="hidden" d="M26.794117647058822,0L26.794117647058822,6"></path><text transform="rotate(-45 5 5)" fill="#000" dy="0.71em" style="text-anchor: end;">Fasteners</text></g></svg></d3fc-svg><d3fc-svg class="y-axis left-axis"><svg preserveAspectRatio="none" viewBox="-48 0 48 552" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="#000" d="M-6,552L0,552L0,0L-6,0"></path><g class="tick" transform="translate(0, 552)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">0</text></g><g class="tick" transform="translate(0, 506)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">500</text></g><g class="tick" transform="translate(0, 460)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">1,000</text></g><g class="tick" transform="translate(0, 414)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">1,500</text></g><g class="tick" transform="translate(0, 368.00000000000006)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">2,000</text></g><g class="tick" transform="translate(0, 321.99999999999994)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">2,500</text></g><g class="tick" transform="translate(0, 276)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">3,000</text></g><g class="tick" transform="translate(0, 229.99999999999997)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">3,500</text></g><g class="tick" transform="translate(0, 184.00000000000003)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">4,000</text></g><g class="tick" transform="translate(0, 138)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">4,500</text></g><g class="tick" transform="translate(0, 91.99999999999999)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">5,000</text></g><g class="tick" transform="translate(0, 46.00000000000002)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">5,500</text></g><g class="tick" transform="translate(0, 0)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">6,000</text></g></svg></d3fc-svg></d3fc-group><div class="legend-container" borderbox-on-hover="true" style="z-index: 2; cursor: move;"><svg id="dragHandles" width="150" height="52"><g><rect id="dragleft" class="vertical-drag-handle" y="9" x="0" height="34" width="9" fill="lightgreen" fill-opacity="0" cursor="ew-resize" style="z-index: 3;"></rect><rect id="dragtop" class="horizontal-drag-handle" y="0" x="9" height="9" width="132" fill="lightblue" fill-opacity="0" cursor="ns-resize" style="z-index: 3;"></rect><rect id="dragright" class="vertical-drag-handle" y="9" x="141" height="34" width="9" fill="lightgreen" fill-opacity="0" cursor="ew-resize" style="z-index: 3;"></rect><rect id="dragbottom" class="horizontal-drag-handle" y="43" x="9" height="9" width="132" fill="lightblue" fill-opacity="0" cursor="ns-resize" style="z-index: 3;"></rect><rect id="dragtopleft" class="corner-drag-handle top left" height="9" width="9" fill="red" fill-opacity="0" cursor="nwse-resize" style="z-index: 3;" y="0"></rect><rect id="dragtopright" class="corner-drag-handle top right" height="9" width="9" fill="red" fill-opacity="0" cursor="nesw-resize" style="z-index: 3;" y="0" x="141"></rect><rect id="dragbottomright" class="corner-drag-handle bottom right" height="9" width="9" fill="red" fill-opacity="0" cursor="nwse-resize" style="z-index: 3;" y="43" x="141"></rect><rect id="dragbottomleft" class="corner-drag-handle bottom left" height="9" width="9" fill="red" fill-opacity="0" cursor="nesw-resize" style="z-index: 3;" y="43" x="0"></rect></g></svg><g class="legend-controls" style="display: none;"><span id="up-arrow" class="disabled">▲</span>
<span id="page-text">1/1</span>
<span id="down-arrow" class="disabled">▼</span>
</g><svg class="legend" height="49"><g class="legendCells" transform="translate(20,20)"><g class="cell" transform="translate(0, 0)"><circle class="swatch" r="6" style="fill: rgba(3, 102, 214, 0.8);"></circle><text class="label" transform="translate( 16, 5)">Quantity</text><title>Quantity</title></g><g class="cell" transform="translate(0, 15)"><circle class="swatch" r="6" style="fill: rgba(255, 127, 14, 0.8);"></circle><text class="label" transform="translate( 16, 5)">Sales</text><title>Sales</title></g></g></svg></div><div class="tooltip" style="z-index: 3; opacity: 0;"><ul id="tooltip-values"></ul>
</div></div>